function $(a) {
  return document.querySelector(a);
}

var aa = localStorage.getItem("userid");
console.log(aa);

window.onload = function () {
  var tbody = document.querySelector("tbody");
  // 退出登录
  // $('.exit').onclick=function(){
  //     axios({
  //         method: 'post',
  //         url: '/user/logout',
  //     }).then(function(data){
  //        alert('退出登录')
  //     }).catch(err=>{
  //         console.log(err);
  //     })
  // }

  //  全部数据
  $(".alllist").onclick = function () {
    $(".pageSize").style.display = "block";
    $(".pageSize1").style.display = "none";
    $(".nowpage-1").innerHTML = 1;
    $(".nowpage").value = $(".nowpage-1").innerHTML;
    $("#search").value = "";
    fenye(1, $(".pageSize").value);
  };

  // 点击显示数据每页几条
  $(".pageSize").onchange = function () {
    $(".nowpage-1").innerHTML = 1;
    $(".nowpage").value = $(".nowpage-1").innerHTML;
    fenye(1, $(".pageSize").value);
  };
  $(".pageSize1").onchange = function () {
    $(".nowpage-1").innerHTML = 1;
    $(".nowpage").value = $(".nowpage-1").innerHTML;
    searchdata(1, $(".pageSize1").value);
  };

  // 简介字数太多隐藏
  function str(b) {
    let s = "";
    let length = 5;
    if (b.length >= length) {
      for (let i = 0; i < length; i++) {
        s += b[i];
      }
      s += "...";
    } else {
      for (let i = 0; i < b.length; i++) {
        s += b[i];
      }
    }
    return s;
  }

  function fenye(a, b) {
    axios({
      method: "get",
      url: "/payVipOrder/findAllPayVipOrder",
      params: {
        pageNow: a,
        pageSize: b,
      },
    })
      .then(function (data) {
        $("tbody").innerHTML = "";
        $(".pageye").innerHTML = "";
        list(data, fenye);
      })
      .catch((err) => {
        console.log(err);
      });
  }
  fenye(1, 10);
  // // 分页数据
  function list(data, b) {
    let list = data.data.data.object.list;
    let pageNow = data.data.data.object.pageNow;
    for (let i = 0; i < list.length; i++) {
      let tds = ` <tr>
        <td><input name="checkbox" type="checkbox" value="checkbox" class="chexkbox" /></td>
        <td>${list[i].payNo == null ? "无" : list[i].payNo}</td>
        <td>${list[i].goodsName == null ? "无" : str(list[i].goodsName)}</td>
        <td>${list[i].ofPay == 0 ? "否" : "是"}</td>
        <td>${list[i].orderTime == null ? "无" : list[i].orderTime}</td>
        <td>${list[i].payTime == null ? "无" : list[i].payTime}</td>
        <td>${list[i].nowPrice == null ? "无" : list[i].nowPrice}</td>
        <td>${list[i].oldPrice == null ? "无" : list[i].oldPrice}</td>
        <td>${list[i].userName == null ? "无" : list[i].account}</td>
        <td>${
          list[i].vipTime == null ? "无" : list[i].vipTime / 60 / 60 / 24
        }</td>
       
    </tr>`;
      $("tbody").insertAdjacentHTML("beforeend", tds);
      var tbr = tbody.querySelectorAll("tr");
      if (i % 2 == 0) {
        tbr[i].style.backgroundColor = "rgb(220, 220, 220)";
        tbr[i].onmouseover = function () {
          this.style.backgroundColor = "rgb(202, 170, 145)";
        };
        tbr[i].onmouseout = function () {
          this.style.backgroundColor = "rgb(220, 220, 220)";
        };
      }
    }
    //         // 删除按钮绑定
    //         var del_btn = document.querySelectorAll('.delete-user');
    //      for(let i = 0 ;i<del_btn.length; i++){
    //      del_btn[i].addEventListener('click',function(){
    //         var userId =list[i].userId;
    //         delete_user(userId);
    //      })
    //      }

    //  分页的总量
    var pageTotal = data.data.data.object.pageTotal;
    var pageTotalCount = data.data.data.object.pageTotalCount;

    // 跳转按钮
    $(".nowpage").value = $(".nowpage-1").innerHTML;
    // $(".nowpage-btn-2").onclick = function () {
    //   $(".nowpage-1").innerHTML =
    //     $(".nowpage").value > pageTotal ? pageTotal : $(".nowpage").value;
    //   searchdata($(".nowpage-1").innerHTML, $(".pageSize").value);
    // };
    $(".nowpage-btn-1").onclick = function () {
      $(".nowpage-1").innerHTML =
        $(".nowpage").value > pageTotal ? pageTotal : $(".nowpage").value;
      fenye($(".nowpage-1").innerHTML, $(".pageSize").value);
    };

    $(".total").innerHTML = `共${pageTotal}页共${pageTotalCount}条数据`;
    if (pageTotal < 3) {
      for (let i = 0; i < pageTotal; i++) {
        let a = ` <a href="JavaScript:;" class='pagebtn'>${i + 1}</a>`;
        $(".pageye").insertAdjacentHTML("beforeend", a);
      }
    } else {
      for (let i = 0; i < 3; i++) {
        let a = ` <a href="JavaScript:;" class='pagebtn'>${i + 1}</a>`;
        $(".pageye").insertAdjacentHTML("beforeend", a);
      }
      var pagebtnAll = document.querySelectorAll(".pagebtn");
      if ($(".nowpage").value >= 3) {
        let c = $(".nowpage").value;
        let a = c >= pageTotal - 1 ? (c = pageTotal - 1) : c;
        pagebtnAll[0].innerHTML = a - 1;
        pagebtnAll[1].innerHTML = a;
        pagebtnAll[2].innerHTML = ++a;
      }
    }
    var pagebtnAll = document.querySelectorAll(".pagebtn");
    for (let i = 0; i < pagebtnAll.length; i++) {
      pagebtnAll[i].onclick = function () {
        b(this.innerHTML, $(".pageSize").value);
        $(".nowpage-1").innerHTML = `${this.innerHTML}`;
        $(".nowpage").value = $(".nowpage-1").innerHTML;
      };
      if (pagebtnAll[i].innerHTML == $(".nowpage-1").innerHTML) {
        pagebtnAll[i].style.backgroundColor = "rgb(202,170,145)";
      } else if (pagebtnAll[i].innerHTML == $(".nowpage").value) {
        for (let j = 0; j < pagebtnAll.length; j++) {
          pagebtnAll[j].style.backgroundColor = "";
        }
        pagebtnAll[i].style.backgroundColor = "rgb(202,170,145)";
      }
    }
    $("#next").onclick = function () {
      var x = $(".nowpage-1").innerHTML;
      x++;
      var y = x >= pageTotal ? (x = pageTotal) : x;
      $(".nowpage-1").innerHTML = `${y}`;
      $(".nowpage").value = $(".nowpage-1").innerHTML;
      b($(".nowpage-1").innerHTML, $(".pageSize").value);
      console.log($(".nowpage-1").innerHTML, $(".nowpage").value);
      console.log($(".nowpage").value);
    };
    $("#pre").onclick = function () {
      var x = $(".nowpage-1").innerHTML;
      x--;
      var y = x <= 1 ? (x = 1) : x;
      $(".nowpage-1").innerHTML = `${y}`;
      $(".nowpage").value = $(".nowpage-1").innerHTML;
      b($(".nowpage-1").innerHTML, $(".pageSize").value);
    };
    $(".frist").onclick = function () {
      $(".nowpage-1").innerHTML = `1`;
      $(".nowpage").value = $(".nowpage-1").innerHTML;
      b(1, $(".pageSize").value);
    };
    $(".last").onclick = function () {
      $(".nowpage-1").innerHTML = `${pageTotal}`;
      $(".nowpage").value = $(".nowpage-1").innerHTML;
      b(pageTotal, $(".pageSize").value);
    };
    // 复选框
    var checkbox = document.querySelectorAll(".chexkbox");
    $("#checkbox-all").onclick = function () {
      if ($("#checkbox-all").checked) {
        for (let i = 0; i < checkbox.length; i++) {
          checkbox[i].checked = "checked";
        }
      } else {
        for (let i = 0; i < checkbox.length; i++) {
          checkbox[i].checked = "";
        }
      }
    };
    $(".delete-all").onclick = function () {
      console.log(1);
      if (confirm("你是否要批量删除")) {
        for (let i = 0; i < checkbox.length; i++) {
          if (checkbox[i].checked) {
            console.log(list[i].payVipOrderId);
            delete_payVipOrder(list[i].payVipOrderId);
          }
        }
        alert("删除成功");
        fenye($(".nowpage-1").innerHTML, $(".pageSize").value);
      }
    };
    //     //  修改按钮绑定
    //     var modify_btn = document.querySelectorAll('.modify-btn');
    //     for(let i = 0 ;i<modify_btn.length; i++){
    //     popup(modify_btn[i],$(".modify-box"),$(".back1"));
    //      modify_btn[i].onclick=function(){
    //         $(".age1").value =list[i].age==null?'':list[i].age;
    //         $(".birthday1").value =list[i].birthday==null?'无':list[i].birthday;
    //         $(".email1").value =list[i].email
    //         $(".nickname1").value =list[i].nickname==null?'无':list[i].nickname;
    //         $(".password1").value =list[i].password;
    //         $(".sex1").value =list[i].sex==null?'无':list[i].sex;
    //         var account =list[i].account;
    //         updatauser(account);
    //      }
    //      }
  }

  // 批量删除订单
  function delete_payVipOrder(payVipOrderId) {
    axios({
      method: "delete",
      url: "/payVipOrder/deleteOrderList",
      params: {
        payVipOrderId: payVipOrderId,
      },
    })
      .then(function (data) {
        $(
          ".not"
        ).innerHTML = `<i class="fa fa-times-circle-o" aria-hidden="true" style="color:red;"></i>删除成功`;
        $(".not").style.display = "";
        setTimeout(() => {
          $(".not").style.display = "none";
        }, 2000);
      })
      .catch((err) => {
        console.log(err);
      });
  }
};
